
  
  .pagination ul{
    // width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: var(--paging-bgColor,white);
    padding: .0417rem;
    border-radius: .2604rem;
    margin: auto;
    box-shadow: 0rem .0521rem .0781rem rgba(0,0,0,0.1);
 
  }
  .pagination ul li{
    color: #3a3a3a;
    list-style: none;
    line-height: .2344rem;
    // margin-right: .5rem;
    text-align: center;
    flex: 1;
    font-size: .0938rem;
    font-weight: 500;
    user-select: none;
    transition: all 0.3s ease;
   
  }
  .pagination ul li.numb{
    list-style: none;
    height: .2344rem;
    width: .2344rem;
    margin: 0 .0156rem;
    line-height: .2344rem;
    border-radius: 50%;
   
  }
  .pagination ul li.numb.first{
    margin: 0rem .0156rem 0 -0.026rem;
    margin-right: .05rem;
  }
  .pagination ul li.numb.last{
    margin: 0rem -0.026rem 0 .0156rem;
  }
  .pagination ul li.dots{
    font-size: .1146rem;
    cursor: default;
  }
  .pagination ul li.btn{
    padding: 0 .1042rem;
    border-radius: .2604rem;
  }
  .pagination li.active,
  .pagination ul li.numb:hover,
  .sel
  {
    color: #fff !important;
    background: var(--paging-optionColor,#3a3a3a) !important;
  }
  .side{
     position: relative;
  }
  
  .disabled{
    cursor: not-allowed ;
    *{
        cursor: not-allowed;
    
        }
    color:rgb(210 206 206) !important;
  }
  
  .pointer{
    cursor: pointer;
    *{
    cursor: pointer;

    }
  }
  
  .pointer:hover{
    color: #fff !important;
    background: var(--paging-optionColor,#3a3a3a)  !important;
  }

  .prev{
    cursor: pointer;

  }
  .next{
    width: 1.2rem;
    cursor: pointer;
    // border: 1px solid red;
  }